// import { json } from "body-parser";


const B = function () {
    $("a").attr("href", "javascript:void(0)");
}

//回到顶部 (⬆)
$(window).on("scroll", _.debounce(function () {
    //获取不可见高度
    let scrTop = $(window).scrollTop()
    //console.log(scrTop);
    if (scrTop < 77) {
        $("#huojianA").css("display", "none");
    } else {
        $("#huojianA").css("display", "block");
    }
}))
$("#huojianA").on("click", function () {
    $("html,body").animate({
        scrollTop: 0
    })
})


//二级菜单tab切换 (狗狗,狗狗主粮,)
$(".line1box2_1>span").on("mouseenter", function () {
    $(this).addClass("currentblue").siblings().removeClass("currentblue");

    $(".line1box2_1>span").each((index, el) => {
        console.log($(this).index());
        if ($(this).index() == 0) {
            $(".line1box2_1_1").css("display", "block");
            $(".line1box2_1_2").find("ul").css("display", "none");
        } else if ($(this).index() == 1) {
            $(".line1box2_1_1").css("display", "none");
            $(".line1box2_1_2").css("display", "block");
            $(".line1box2_1_2").find("ul").css("display", "block");
            //$(".line1box2_1_2_2").css("display", "block");
        }

    })

})
$(".line1box2_1_1").on("mouseleave", function () {
    $(".line1box2_1_1").css("display", "none");
    $(".line1box2_1_2").find("ul").css("display", "none");
    $(".line1box2_1_2").css("display", "none");
    // $(".line1box2_1_2_2").css("display", "none");
})
$(".line1box2_1_2").on("mouseleave", function () {
    $(".line1box2_1_1").css("display", "none");
    $(".line1box2_1_2").find("ul").css("display", "none");
    $(".line1box2_1_2").css("display", "none");
    // $(".line1box2_1_2_2").css("display", "none");
})





//倒计时
var mydate = new Date();
var mydate1 = Date.parse("2022-02-28 00:00:00:000");
var num = mydate1 - mydate;
var s = parseInt(num / 1000) % 60;
var m = parseInt(num / 1000 / 60) % 60;
var h = parseInt(num / 1000 / 60 / 60) % 24;
var d = parseInt(num / 1000 / 60 / 60 / 24);
$(".timebox3 span").eq(0).text('距结束仅剩' + d + '天');
$(".timebox3 span").eq(1).find("i").eq(0).text(h);
$(".timebox3 span").eq(1).find("i").eq(1).text(m);
$(".timebox3 span").eq(1).find("i").eq(2).text(s);


setInterval(() => {
    var mydate = new Date();
    var mydate1 = Date.parse("2022-02-28 00:00:00:000");
    var num = mydate1 - mydate;
    var s = parseInt(num / 1000) % 60;
    var m = parseInt(num / 1000 / 60) % 60;
    var h = parseInt(num / 1000 / 60 / 60) % 24;
    var d = parseInt(num / 1000 / 60 / 60 / 24);
    $(".timebox3 span").eq(0).text('距结束仅剩' + d + '天');
    $(".timebox3 span").eq(1).find("i").eq(0).text(h);
    $(".timebox3 span").eq(1).find("i").eq(1).text(m);
    $(".timebox3 span").eq(1).find("i").eq(2).text(s);
}, 1000);


let top = $(".line2tab1").offset().top
//tab栏切换 (商品详情，评价,咨询)
$(".line2tab1>a").on("click", function () {
    $(this).addClass("currenta1").siblings().removeClass("currenta1")
    // console.log($(this).index());
    // console.log($(".line2tab2"));
    // console.log($(".line2tab2>div").eq($(this).index()));
    $(".line2tab2>div").eq($(this).index()).css("display", "block").siblings().css("display", "none");
    $("html,body").animate({
        scrollTop: top - 40
    })
})

//tab栏固定 (商品详情，评价,咨询)

$(window).on("scroll", _.debounce(function () {
    //获取不可见高度
    let scrTop = $(window).scrollTop()
    //console.log(scrTop);
    if (scrTop > top) {
        $(".line2tab1").addClass("fixline2tab1")
    } else {
        $(".line2tab1").removeClass("fixline2tab1")
    }
}))




//跳转首页  (E宠logo)
$(".toindex").on("click", function () {
    location = "index.html";
})

//加入购物车
$(".addbox>a").on("click", function () {
    $(".line3").css("display", "block");
})
// 继续购物
$(".line3a1").on("click", function () {
    $(".line3").css("display", "none");
})
// 立即结算
//跳转购物车
$(".line3a2").on("click", function () {
    location = "shopcat.html";
})



//登录
$(".loginA").on("click", function () {
    $(".loginbox").show();
})
$(".loginbox").on("click", function () {
    $(".loginbox").hide();

})

$(".login").on("click", function (e) {
    e.stopPropagation();
})

//登录tab栏切换
$(".login>h1>a").on("click", function () {
    $(this).addClass("reda1").siblings().removeClass("reda1");
})
$(".logina2").on("click", function () {
    $(".userlogin").css("display", "block");
    $(".phonelogin").css("display", "none");
})
$(".logina1").on("click", function () {
    $(".userlogin").css("display", "none");
    $(".phonelogin").css("display", "block");
})


//注册
$(".regA").on("click", function () {
    $(".regbox").show();
})
$(".regbox").on("click", function () {
    $(".regbox").hide();
})
$(".reg").on("click", function (e) {
    e.stopPropagation();
})
//直接登录
$(".rega2").on("click", function () {
    $(".regbox").hide();
    $(".loginbox").show();
})

//注册验证码
$("#getyzm").on("click", function () {
    $.ajax({
        url: "/api/yzm",
    }).then(function (res) {
        $("#yzm").html(res.data);
        $("#yzm").attr("data-yzm", res.text);
    })
})

//页面加载就触发  事件触发
$('#getyzm').triggerHandler("click");

//注册

$(".regAA").on("click", function () {


    if (!$(".reginput3").prop("checked")) {
        layer.alert('请先同意用户协议', {
            time: 3 * 1000,
            success: function (layero, index) {
                var timeNum = this.time / 1000,
                    setText = function (start) {
                        layer.title((start ? timeNum : --timeNum) +
                            ' 秒后关闭', index);
                    };
                setText(!0);
                this.timer = setInterval(setText, 1000);
                if (timeNum <= 0) clearInterval(this.timer);
            },
            end: function () {
                clearInterval(this.timer);
            }
        });
        return false;
    }
    //1.获取输入的验证码
    var nameyzm = $(".reginput2").val().toLowerCase();
    //2.得到生成的验证码进行比较
    var getyzm = $("#yzm").attr("data-yzm").toLowerCase();
    if (nameyzm != getyzm) {
        layer.msg("验证码错误!");
        $('#getyzm').triggerHandler("click");
        return false
    }

    let data = {
        name: $(".reginput0").val(),
        pwd: $(".reginput1").val()
    }

    //console.log(data);
    $.ajax({
        url: "./api/reg",
        type: "post",
        data: data
    }).then(function (res) {
        //console.log(res);
        console.log(res.code == 200);
        layer.msg(res.message)
        if (res.code == 200) {
            $(".regbox").hide();
            // $(".loginA").hide();
            // $(".loginA1").show().text(data.name);
            // $(".regA").hide();
            // $(".regA1").show().text("退出");
        }

    })




})
//注册正则
$(".reginput0").on("input", function () {
    var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
    if (!myreg.test($(".reginput0").val())) {
        $(".regs2").text("不合法")

    } else {
        $(".regs2").text("合法")
    }
})
$(".reginput1").on("input", function () {
    var myreg1 = /^.{6,18}$/;
    if (!myreg1.test($(".reginput1").val())) {
        $(".regs3").text("不合法")

    } else {
        $(".regs3").text("合法")
    }
})

//regA1 退出功能
$(".regA1").on("click", function () {
    $(".loginA").show();
    $(".loginA1").hide()
    $(".regA").show();
    $(".regA1").hide();
    localStorage.removeItem("userinfo");
})



//登录验证码
$("#yzm1").on("click", function () {
    $.ajax({
        url: "/api/yzm1",
    }).then(function (res) {
        $("#yzm1").html(res.data);
        $("#yzm1").attr("data-yzm1", res.text);
    })
})

//页面加载就触发  事件触发
$('#yzm1').triggerHandler("click");





//登录


$(".loginAA").on("click", function () {


    //1.获取输入的验证码
    var nameyzm = $(".inputyzm1").val();
    //2.得到生成的验证码进行比较
    var getyzm = $("#yzm1").attr("data-yzm1");
    if (nameyzm != getyzm) {
        layer.msg("验证码错误!");
        $('#yzm1').triggerHandler("click");
        return false
    }

    let data = {
        name: $(".logininput1").val(),
        pwd: $(".logininput2").val()
    }

    //console.log(data);
    $.ajax({
        url: "./api/login",
        type: "post",
        data: data
    }).then(function (res) {
        //console.log(res);
        console.log(res.code == 200);
        layer.msg(res.message)
        if (res.code == 200) {
            $(".loginbox").hide();
            $(".loginA").hide();
            $(".loginA1").show().text(data.name);
            $(".regA").hide();
            $(".regA1").show().text("退出");
            localStorage.setItem("userinfo", JSON.stringify(res.data));
            location = "index.html";
        }

    })





})

//
let data = JSON.parse(localStorage.getItem("userinfo") || "{}");

console.log(data);

//对象和对象没法比,把他们都转化为字符串进行比较
if (JSON.stringify(data) != "{}") {
    console.log(111);
    $(".loginA").hide();
    $(".loginA1").show();
    $(".loginA1").text(data.uname);
    $(".regA").hide();
    $(".regA1").show().text("退出");
}




try {
    let id = location.search.split("?")[1].split("=")[1]

    $.ajax({
        url: `./api/sgs/${id}`
    }).done(function (res) {
        console.log(res.data.pimg[1]);
        $(".fiveh1").text(res.data.pname);
        $(".five").text(res.data.pprice)
        if (id == 1) {
            for (let i = 1; i <= 7; i++) {
                $(`.Img${i}`).attr("src", `${res.data.pimg[i]}`)
                //    $(".Img2").attr("src",`${res.data.pimg[2]}`)
                //    $(".Img3").attr("src",`${res.data.pimg[3]}`)
                //    $(".Img4").attr("src",`${res.data.pimg[4]}`)
                //    $(".Img5").attr("src",`${res.data.pimg[5]}`)
                //    $(".Img6").attr("src",`${res.data.pimg[6]}`)
                //    $(".Img7").attr("src",`${res.data.pimg[7]}`)

            }

        }
        if (id == 2) {

            $(".Img1").attr("src", `${res.data.pimg[1]}`)
            $(".Img2").attr("src", `${res.data.pimg[2]}`)
            $(".Img3").attr("src", `${res.data.pimg[3]}`)
            $(".Img4").attr("src", `${res.data.pimg[4]}`)
            $(".Img5").attr("src", `${res.data.pimg[5]}`)
            $(".Img6").attr("src", `${res.data.pimg[6]}`)
            $(".Img7").attr("src", `${res.data.pimg[7]}`)
        }
    })
    //放大镜
    //核心公式 中区域/中图=大区域/大图  比例=大区域/中区域
    $("#middlearea").css("width", $("#bigarea").width() / $("#bigimg").width() * $("#middleimg").width());
    $("#middlearea").css("height", $("#bigarea").height() / $("#bigimg").height() * $("#middleimg").height());
    let bili = $("#bigarea").width() / $("#middlearea").width();
    //鼠标移入显示
    $("#middleimg").on("mouseenter", function () {
        $("#middlearea").css("display", "block");
        $("#bigarea").css("display", "block");

        $("#middleimg").on("mousemove", function (e) {
            let mX = e.pageX - $("#middleimg").offset().left - $("#middlearea").width() / 2;
            let mY = e.pageY - $("#middleimg").offset().top - $("#middlearea").height() / 2;

            if (mX <= 0) {
                mX = 0
            }
            if (mX > $("#middleimg").width() - $("#middlearea").width()) {
                mX = $("#middleimg").width() - $("#middlearea").width()
            }
            if (mY <= 0) {
                mY = 0
            }
            if (mY > $("#middleimg").height() - $("#middlearea").height()) {
                mY = $("#middleimg").height() - $("#middlearea").height()
            }

            $("#middlearea").css("left", mX);
            $("#middlearea").css("top", mY);


            $("#bigimg").css("left", -mX * bili);
            $("#bigimg").css("top", -mY * bili);
        })
    })

    //鼠标移除隐藏
    $("#middleimg").on("mouseleave", function () {
        $("#middlearea").css("display", "none");
        $("#bigarea").css("display", "none");
    })

    //小图移入事件
    $("#small ul li").each((index1, el) => {
        $(el).on("mouseenter", function () {
            $(this).addClass("currentli").siblings().removeClass("currentli");
            $("#middleimg img").attr("src", `./images/goods/${id}_${index1 + 1}_2.jpg`)
            $("#bigarea img").attr("src", `./images/goods/${id}_${index1 + 1}_3.jpg`)
            console.log(`${id}`);
        })
    })

    //左右2边点击事件
    $("#smallbox p").eq(0).on("click", function () {
        $("#small ul").animate({
            left: 0
        });
    })
    $("#smallbox p").eq(1).on("click", function () {
        $("#small ul").animate({
            left: -75
        });
    })

} catch (error) {
    console.log(error);
}

// let id = location.search.split("?")[1].split("=")[1]

// $.ajax({
//     url: `./api/sgs/${id}`
// }).done(function (res) {
//     console.log(res.data.pimg[1]);
//     $(".fiveh1").text(res.data.pname);
//     $(".five").text(res.data.pprice)
//     if (id == 1) {
//         for (let i = 1; i <= 7; i++) {
//             $(`.Img${i}`).attr("src", `${res.data.pimg[i]}`)
//             //    $(".Img2").attr("src",`${res.data.pimg[2]}`)
//             //    $(".Img3").attr("src",`${res.data.pimg[3]}`)
//             //    $(".Img4").attr("src",`${res.data.pimg[4]}`)
//             //    $(".Img5").attr("src",`${res.data.pimg[5]}`)
//             //    $(".Img6").attr("src",`${res.data.pimg[6]}`)
//             //    $(".Img7").attr("src",`${res.data.pimg[7]}`)

//         }

//     }
//     if (id == 2) {

//         $(".Img1").attr("src", `${res.data.pimg[1]}`)
//         $(".Img2").attr("src", `${res.data.pimg[2]}`)
//         $(".Img3").attr("src", `${res.data.pimg[3]}`)
//         $(".Img4").attr("src", `${res.data.pimg[4]}`)
//         $(".Img5").attr("src", `${res.data.pimg[5]}`)
//         $(".Img6").attr("src", `${res.data.pimg[6]}`)
//         $(".Img7").attr("src", `${res.data.pimg[7]}`)
//     }
// })




//数量选择 (购买几件)
// ➖
$(".calcspan1").on("click", function () {
    if ($(".calcinput").val() >= 2) {
        $(".calcinput").val($(".calcinput").val() - 1);
    }


})
// ➕
$(".calcspan2").on("click", function () {

    $(".calcinput").val($(".calcinput").val() - (-1));
    //console.log( $(".calcinput").val());
})

$(".addA1").on("click", function () {
    let data = {
        uid: JSON.parse(localStorage.getItem("userinfo")).uid, //购买人id
        cname: $(".fiveh1").text(),
        cprice: $(".five").text(),
        cnum: $(".calcinput").val(),
        cimg: $(".Img2").attr("src"),
    }
    console.log(data);
    $.ajax({
        url: "./api/AddCarts",
        type: "post",
        data
    }).done(function (res) {
        console.log(res);
    })
})











export default {
    B
}